﻿/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑"; }
ol li, ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
u,b,i{ font-style:normal;}
a{text-decoration: none; color:#333;}
html,body,div,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,img,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{
	/* [disabled]margin:0; */
	padding: 0;
	font-family: "microsoft yahei","simhei", "simsun";
	margin:0;	
}
body,html{ width: 100%; height: 100%; font-size: 16px;}
body{ background:#f8f8f8; color: #4a4a4a;/*background:#f4f4f4 url(bg_1.jpg) no-repeat fixed center 100%;*/ background-size: cover; -moz-background-size: cover;-webkit-background-size: cover; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer; color: #4a4a4a;}
input:focus { outline:none;}
del,ins,u,s,a,a:hover{text-decoration:none;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.wrap{ width: 1300px; margin: 0 auto;}

/********index********/
.header{ width:100%; height: 70px; line-height: 70px; background: #0f1932; color: #fff; border-bottom: solid 1px #09496f;}
.header .logo{ font-size: 28px; float: left; margin-right: 50px;}
.nav ul li a{ display: inline-block; height: 70px; line-height: 70px; font-size: 18px; float: left; padding: 0 30px; color: #fff;}
.nav ul li.on a{ background: #133b6c;}
.lore{ float: right; font-size: 14px;}
.lore i{ cursor: pointer;}
.person_center{ float: right; overflow: hidden; margin: 20px auto;}
.person_center a img{ display: inline-block; float: left; margin: 3px 5px 3px 15px; }
.person_center a i{ display:inline-block; float:left;line-height: 30px; color: #fff; font-size: 14px;}
.unslider{margin:0;padding:0;position:relative;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative;z-index: 999999;}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:5px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:5px}

.my-slider img{ width: 100%;  padding-bottom: 20px; }
.unslider-nav { position: absolute;right: 45%;left: auto;bottom:42px;}
.unslider-nav li{ float: left; width:10px; height:10px; background:#ccc; text-indent: -9999px; margin-left:5px!important; cursor: pointer;  border-radius: 50%;  }
.unslider-nav .unslider-active{ background:#fff;margin-left:5px;   }
.unslider-arrow{ display: none; position: absolute; top: 30%; border-radius: 5px; background:#ff6200; width: 50px; height: 50px; text-indent: -9999px;   }

.introduce dl dt img{ float: left;  padding-right:100px; margin: 50px 0;}
.introduce dl dd h3{ font-size: 24px; /*text-align: center; */ margin: 50px auto;}
.introduce dl dd p{ line-height: 36px; text-indent: 40px; font-size: 18px;}
.serverPackage{ overflow: hidden; background: #f5f7fa;  padding: 50px 0; }
.serverPackage h2{font-size: 36px; text-align: center;}
.serverPackage h3{ font-size: 18px; color: #999; text-align: center; margin: 25px auto;}
.serverPackage ul li{ width: 220px; float: left; padding: 30px 20px; margin: 20px 18px;background: #fff; box-shadow: 2px 2px 5px #cdcaca; border: solid 2px #fff;}
.serverPackage ul li:hover{ border: solid 2px #45a8e3;}
.serverPackage ul li img{ display: block; margin: 20px auto; width: 80px; height: 80px;}
.serverPackage ul li h4{ text-align: center; font-size: 24px; text-align: center; margin-bottom: 20px;}
.serverPackage ul li p{ text-align: center; font-size: 18px; color: #666; margin: 20px auto;}
.serverPackage ul li p i{ font-size: 30px; color: #f85151;}
.detail span{ display: inline-block; width: 100px; margin: 10px auto;}
.detail span i,.detail span em{ display: block; width: 100%; text-align: center; font-size: 14px; color: #666; line-height: 30px;}
.detail span em{ font-size: 18px; font-weight: 600;}
.detail span:nth-child(odd){ float: left;}
.detail span:nth-child(even){ float: right;}
.btn{ display: block; width: 100px; height: 40px; line-height: 40px; border:none; text-align: center; color: #fff; background: #fb9941; border-radius: 5px; margin: 30px auto 0px auto;cursor: pointer;}
.btn:hover{ background: #ef872a;}

.footer{  background: #295387; text-align: center; color: #fff;}
.footer img{ width: 100%;}
.footer p{ height: 100px; line-height: 100px;}

/**********login************/
.modal{width: 100%; height: 100%; background: rgb(0,0,0,0.5); display: none; position: fixed; left: 0; top: 0; z-index: 1;}
.modal_content{ width:600px; min-height: 500px; margin: 0 auto; background: #fff; position: fixed; top:70px; left: 35%; padding-bottom:20px; border-radius: 5px; animation: modalshow 0.4s; box-shadow: 2px 2px 5px #666; }
.modal_body{ width: 500px; margin: 50px auto; overflow: hidden;}

.close{ float: right; margin-right: 20px; cursor: pointer; }
.input_group{overflow: hidden; margin:30px auto;}
.modal_body h2{ font-size: 24px; text-align: center; margin:10px 0 30px 0;}
.modal_body label{ float:left; width:100px; text-align:right; display:inline-block; height:40px; line-height:40px;}
.modal_body .inputext{ float:left; margin:0 10px !important;}
.inputext{ width: 320px; height: 40px; line-height: 40px;  border: solid 1px #ccc;font-size: 16px; background: #f8f8f8; margin: 20px 0; text-indent: 20px;}
.pwdpra,.pwdpra a{ font-size: 14px; color: #999; margin-left:110px;}
.jzpwd{ margin: 2px 5px 0 0; float:left; border:solid 1px #ccc;}

.savebtn{ margin:50px 10px 0 200px;}
.regisModal .inputext{ margin: 10px auto;}
.closebtn{ position: absolute; top: 0; right: 10px; cursor: pointer;}
.loginbtn{ margin:40px auto 0 auto !important; float:none !important;}
.xgbtn{ float:left !important; margin: 0 10px 0 200px;}
.xgsqbtn{ margin:0px;}
.errorts{ margin: 5px 0 0 110px; display: inherit; width:330px; font-size:14px;}

@keyframes modalshow{
	from{ top: 0px; opacity: 0;}
	to{ top: 200px; opacity: 1;}
}
@-webkit-keyframes modalshow{
	from{ top: 0px; opacity: 0;}
	to{ top: 200px; opacity: 1;}
}	

.modify_pwd{ margin: 20px auto 70px auto!important;}
/***********fwqjs**************/
.contleft{ width: 740px; float: left; overflow: hidden;}
.fwqjs h2{ font-size: 30px; margin: 20px auto;}
.fwqjs p{ line-height: 30px;}
.fwqlb{ padding: 20px 40px; background: #f5f7fa;  margin: 30px auto;border: solid 1px #f5f7fa;}
.fwqlb:hover{border: solid 1px #45a8e3;}
.fwqlb h3{ font-size: 20px; margin-bottom: 20px;}
.fwqlb p{ color: #666;}
.contright{ width: 350px; float: right;}
.contright h2{ height: 40px; line-height: 40px; background: #f65d5d; text-align: center; color: #fff; font-size: 18px;}
.contright h3{margin-bottom: 20px; padding: 0 20px;}
.contright p{ font-size: 14px; color: #666; padding: 0 20px;}
.gmbtn{ background: #f65d5d;}

/***************apply****************/
.perleft{ width: 200px; float: left; background: #fff; padding: 30px 0;}
.perleft ul li{margin:10px auto; text-align: center; cursor: pointer;}
.perleft ul li a{ display: block;  width: 160px; height: 40px; line-height: 40px; margin: 0 auto;color: #4a4a4a; border-radius: 5px; }
.perleft ul li.on a{ color: #fff; background: #7ab8f7; }
.perright{ width: 1030px; float: right; background: #fff; padding:30px; margin-bottom: 20px;}
.tabtit{ width: 100%; height: 40px; line-height: 40px; background: #f8f8f8;}
.tabtit i{ display: inline-block; height: 40px; padding: 0 40px; cursor: pointer;}
.tabtit i.active{ background: #7ab8f7; color: #fff;}
.tabcont{background: #fff; overflow: hidden; }
.applycont h2,.modify_pwd h2{ font-size: 24px; text-align: center; margin: 50px auto;}
.apply{ overflow: hidden; width: 550px !important; margin: 0 auto;}
.inputgroup{ overflow: hidden; margin: 30px auto;}
.inputgroup label{ display: inline-block; width: 120px; text-align: right; float: left; margin-right: 20px;}
.inputgroup .text{ width: 370px; height: 35px; line-height: 35px; border: solid 1px #ccc; float: left; border-radius: 5px; padding: 0 15px;}
.inputgroup textarea{ width: 400px; height: 150px;border: solid 1px #ccc; float: left;}

/*************ysq***************/
.tabcont{ display: none; width: 100%;}
.tcbox{ overflow: hidden; padding: 20px 0; border-bottom: solid 5px #f8f8f8; margin-top: 10px;}
.img img{ margin: 10px 5px; width: 80px;}
.sqstata img{ width: 60px; margin: 20px 10px;}
.tc h3{ font-size: 18px; text-indent: 40px;}
.tc ul li{ float: left; margin:20px 15px; display: inline-block; text-align: center; color: #666; font-size: 14px;}
.tc ul li span{ font-size: 16px; margin-top: 20px; display: inline-block; }
.tc ul li a{ display: inline-block; margin:0 3px; padding: 5px 8px; background: orange; border-radius:3px; color:#fff;}
.bluebg{ background: #7ab8f7 !important;}
.greenbg{ background:#13ce81 !important; }

/**********grzl************/
.percenter{ width: 450px; margin: 20px auto;}
.percenter p{ width: 100%; overflow: hidden; margin: 25px 0;}
.percenter p i img{ display: block; width: 105px; height: 105px; border-radius: 50%;}
.percenter p span{ display: inline-block; width: 130px; float: left; text-align: right;}
.percenter p i{ display: inline-block;float: left; margin: 0 10px 0 20px;}
.bjinput{ height: 25px; line-height: 25px; border: none;}
.bjimg{ display: block;}

/*************payment*************/
.whitebg{ padding: 30px; overflow: hidden; background: #fff; margin: 20px auto;}
.zfzt{ padding: 10px 30px; background: #fcecd4; border-radius: 5px; overflow: hidden;}
.zfleft  dl dt img{ display: block; float: left; margin-right: 30px;}
.zfleft  dl dd{ float: left; font-size: 14px; line-height: 35px;}
.zfleft .dd{ font-size: 16px;}
.zfleft h6{ font-size: 16px; font-weight: bold;}
.zfright { float: right; text-align: right; font-size: 18px; color: #666; margin: 50px auto;}
.zfright p i{ font-size: 30px; color: #ec9610;}
.ddxx h3{ font-size: 24px; margin: 50px auto;}
.ddxx table{ width: 100%;}
.ddxx table tr td{ border: solid 1px #eee; height: 45px; text-align: center;}
.ddxx ul li{ margin-right: 30px; overflow: hidden; float: left; margin-bottom: 50px;}
.ddxx ul li input[type="radio"]{ float: left; margin: 15px;}
.ddxx ul li span{ display: block; width: 180px; height: 45px; line-height: 45px; font-size: 18px; color: #666; float: left; overflow: hidden; border: solid 1px #eee; border-radius: 5px;  }
.ddxx ul li span img{ display: block; float: left; margin: 3px 15px 3px 20px;}
.dashline{ border: dashed 0.5px #ccc; margin-bottom: 20px;}

/***************paysuccess****************/
.zfsuccess dl{ width: 300px; margin: 30px auto; text-align: center;}
.zfsuccess dl dd p{ font-size: 24px; margin: 15px auto; }
.zfsuccess dl dd span{ color: #dd2b2b; font-size: 36px;}
.zfsuccess dl dd span i{ font-size: 24px;}
.zfsuccess p{ width:420px; margin: 10px auto; overflow: hidden; color: #666;}
.zfsuccess p span{ display:inline-block; width: 100px; float: left;}
.zfsuccess p i{ display: inline-block; width: 320px; float: right; text-align: right;}


/****************fenye*****************/
 /* 外面盒子样式---自己定义 */
.page_div{margin:50px 10px 20px 0;color:#666}
/* 页数按钮样式 */
.page_div button{display:inline-block;min-width:30px;height:28px;cursor:pointer;color:#666;font-size:13px;line-height:28px;background-color:#f9f9f9;border:1px solid #dce0e0;text-align:center;margin:0 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.firstPage,.lastPage,.nextPage,.prePage{width:50px;color:#0073A9 !important;border:1px solid #0073A9 !important;}
#nextPage,#prePage{width:70px}
.page_div .current{background-color:#0073A9;border-color:#0073A9;color:#FFF}
/* 页面数量 */
.totalPages{margin:0 10px}
.totalPages span,.totalSize span{color:#0073A9;margin:0 5px}
/*button禁用*/
.page_div button:disabled{opacity:.5;cursor:no-drop}

.modal_header h2{height: 35px; line-height: 35px; background: #f5f7fa; text-indent: 20px;}
.modifycont{ width: 550px;}

.txbtn{width: 60px;	display: inline-block;height: 25px;	line-height: 25px; font-size: 14px;	background: #7ab8f7;text-align: center;	color: #fff;border-radius: 3px; margin:0 5px;}
#nameImagePreview li a{ display: none;}
.controls{ width: 200px; margin:10px auto;}
#nameImagePreview li img{ margin-left:20px;}
.xzbtn{ background: #ef872a;}
@media (max-width: 1440px){
	.modal_body h2{ font-size:18px; margin-bottom:10px;}
	.modal_content{ top:70px; padding-bottom: 20px; font-size:14px;}
	.modal_body{ margin:10px auto;}
	.modal_body label{ height:30px;line-height:30px;}
	.inputext{ height:30px; line-height:30px;font-size:14px;}
	.input_group{ margin: 10px auto; font-size:14px;}
	.btn{ height: 30px; line-height: 30px;}
	.loginbtn{ margin:20px auto 0px auto !important;}
}
@media (max-width: 1366px){
	.modal_body h2{ font-size:18px; margin-bottom:10px;}
	.modal_content{ top:40px; padding-bottom: 20px; font-size:12px; min-height: 300px;}
	.modal_body{ margin:10px auto;}
	.modal_body label{ height:25px;line-height:25px;}
	.inputext{ height:25px; line-height:25px;font-size:12px;}
	.input_group{ margin: 10px auto; font-size:14px;}
	.loginbtn{ margin:20px auto 0px auto !important;}
}